import React from "react"
import { useTranslation } from "react-i18next"
import { Card } from "antd"
import { useAppSelector } from "@/app/hooks"
import { selectUser } from "@/pages/order/orderInfo/login/slice"

function Dashboard() {
  const user = useAppSelector(selectUser)
  const { t } = useTranslation(["app"])

  return (
    <Card style={{ minHeight: "calc(100vh - 64px)" }}>
      <h2>{t("dashboard")}</h2>
      <h2>
        {t("username")}: {user.name}
      </h2>
    </Card>
  )
}

export default Dashboard
